<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <title>表单页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
	<link href="/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="/dropkick/dropkick.css" rel="stylesheet" type="text/css" />
	<link href="/easyui/easyui.css" rel="stylesheet" type="text/css" />
	<link href="/css/default.css" rel="stylesheet" type="text/css" />
	<link href="/css/themes.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/js/jquery.1.11.3.min.js"></script>
	<script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/dropkick/jquery.dropkick-min.js"></script>
	<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
	<script>
		//跳转到商品列表页面
		function toProduct(){
			window.location.href = "/product/index?access_token=" + $("#token").val();
		}

	</script>
</head>
<body>
<div class="div-header">
	<div class="container-fluid">
		<input type="hidden" name="token" id="token" th:value="${token}">
		<div class="header-title">后台管理系统</div>
		<ul class="nav navbar-nav navbar-right">
		<li><a href="qianTaiShouYe.html">首页</a></li>
		<li><a href="shouYe.html">后台首页</a></li>
		<li class="dropdown">
		  <a href="#" class="dropdown-toggle"><span class="glyphicon glyphicon-user"></span> 欢迎您：系统管理员</a>
		  <div class="dropdown-menu dropdown-user">
			   <div class="pop-dropdown-apps user-tk">
				<div class="pda_arr"></div>
				<dl class="pda-list user_pda">
					<img src="/images/moRenTouXiang.jpg">
					<div class="userright-list">
						<h1>超级管理员&nbsp;&nbsp;|&nbsp;&nbsp;23326</h1>
						<h2>
							<b>单位/部门：</b>办公室
							<br> <b>角&nbsp; &nbsp;色：</b>
						</h2>
					</div>
					<div class="clear"></div>
					<div class="select-themes">
						<ul>
							<li>
								<a data-theme="body-theme-1" class="theme_1_thumb active" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-2" class="theme_2_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-3" class="theme_3_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-4" class="theme_4_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-5" class="theme_5_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-6" class="theme_6_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-7" class="theme_7_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<!--<li>
								<a data-theme="body-theme-8" class="theme_8_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-9" class="theme_9_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>
							<li>
								<a data-theme="body-theme-10" class="theme_10_thumb" href="javascript:;"><span class="glyphicon glyphicon-ok-sign"></span></a>
							</li>-->
						</ul>
					</div>
					<div class="userexit">
						<button id="btn_FanHui2" type="button" class="btn btn-info addbtm" style=" padding-top:4px;"><span class="glyphicon glyphicon-pencil"></span> 编辑信息</button>
						<button onclick="location.href='login.html'" type="button" class="btn btn-default">退出登录</button>
					</div>
					<div class="clear"></div>
				</dl>
			</div>
		  </div>
		</li>
		</ul>
	</div><!-- container-fluid -->
</div><!-- div_header -->
<div class="div-leftside-bg"></div>
<div class="div-leftside">
	 <div class="leftside-switch" onclick="LeftNav.toggle()">
		<span class="caret"></span>
	 </div>
	 <div class="left-nav">
		<div class="left-nav-group">
			<div class="lng-toggle"><span class="caret"></span></div>
			<h2>基础布局样式</h2>
			<ul>
				<li><a href="baioge.html">订单列表</a></li>
				<li><a href="#" onclick="toProduct()">商品列表</a></li>
			</ul>
		</div><!-- left-nav-group -->
	 </div><!-- left-nav -->
</div><!-- div_leftside -->
<div class="div-rightside">
<ol class="breadcrumb">
  <li><a href="shouYe.html">首页</a></li>
  <li><a href="#">基础数据</a></li>
  <li class="active">表格样式</li>
</ol>
	<div class="main-frame">
		<div class="panel-group">
		<div class="panel-head">
			<div class="panel-arrow" onclick="AddPanel.toggle(this);"><span class="caret"></span></div>
			<div class="panel-title">订单列表</div>
		</div>
		<div class="table-normal table-line">
			<table class="table table-bordered table-hover" cellspacing="0" cellpadding="0" border="0">
				<thead>
				<tr>
					<th>订单编号</th>
					<th>商品名称</th>
					<th>客户名称</th>
					<th>商品数量</th>
					<th>单价(元)</th>
					<th>总金额</th>
					<th>订单日期</th>
				</tr>
				</thead>
                <tbody>
				   <tr th:each="order:${orderList}">
					  <td th:text="${order.id}"></td>
					  <td th:text="${order.itemName}"></td>
					  <td th:text="${order.customerName}"></td>
					  <td th:text="${order.quantity}"></td>
					  <td th:text="${order.itemPrice}"></td>
					  <td th:text="${order.totalAmount}"></td>
					  <td th:text="${#dates.format(order.updateTime, 'yyyy-MM-dd')}"></td>
				   </tr>
				</tbody>
			</table>
		</div>
		</div>
		<div class="panel-group"></div>
<br />
<br />
	</div><!-- main-frame -->
</div><!-- div_rightside -->
</body>
</html>